<script type="text/javascript">
$(function() {
	var pg = App.soagov.home.ui,
		leftPl = pg.children('.left'),
		infoPl = pg.children('.infoPl');

	leftPl.find('span.a').click(function() {
		var k = $(this).attr('name');
		switch (k) {
		case 'svc':
			App.show({
				ctx : 'soagov',
				action : 'svcIndex'
			}, $.noop, infoPl);
			break;
		case 'com':
			App.show({
				ctx : 'soagov',
				action : 'comIndex'
			}, $.noop, infoPl);
			break;
		}
	});
	
	function adjust() {
		var h = pg.parent().height();
		pg.height(h - 30);
		leftPl.height(h);
		infoPl.height(h);
		infoPl.width(pg.width() - leftPl.width() - 18);
	}
	$(window).resize(adjust);
	adjust();
	
	App.show({
		ctx : 'soagov',
		action : 'svcIndex'
	}, $.noop, infoPl);
});
</script>
<div class="left" >
	<div class="item"><span class="a" name="svc">服务管理</span></div>
	<div class="item"><span class="a" name="com">组件管理</span></div>
</div>
<div class="infoPl"></div>